<template>
  <div>
    <el-backtop></el-backtop>
    <!-- <el-tabs v-model="currentIndex" type="card">
      <el-tab-pane name="0" label="网页服务器" :lazy="false" />
      <el-tab-pane name="1" label="文件接收服务器" :lazy="false" />
    </el-tabs> -->
    <!-- <static-server v-show="currentIndex == 0"></static-server> -->
    <file-recerver></file-recerver>
  </div>
</template>

<script>
import { ipcRenderer } from "electron";
export default {
  name: "app",
  data() {
    return {
      currentIndex: 0
    };
  },
  mounted() {
    ipcRenderer.on("windows-hide", () => {
      new Notification("服务器通知", {
        // eslint-disable-next-line no-undef
        icon: "https://avatars3.githubusercontent.com/u/13409222?s=200&v=4",
        title: "服务器通知",
        subtitle: "服务器通知",
        silent: false,
        body: `HTTP服务器已缩小至托盘`
      });
      // notification.show();
    });
  }
};
</script>
<style>
.staticServer,
.fileReceiver {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
.el-col {
  margin-top: 5px;
  margin-bottom: 5px;
}
.el-button {
  width: 80%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.sec-form {
  margin-top: 20px;
}
.show-loading {
  height: 80px;
}
</style>
